<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
<!--	<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1">-->
</head>
<style>
	.cont{
		padding:20px;
		box-sizing: border-box;
	}
	.next_btnk{
		position: fixed;
		left: 0;
		bottom: 0;
		padding:20px;
		box-sizing: border-box;
		width: 100%
	}
	.next_btnk .next_btn{
		width: 100%;
		background: #3683D3;
		color: #fff;
		text-align: center;
		padding: 30px;
		box-sizing: border-box;
		border-radius: 20px;
		font-size: 35px;
	}
</style>
<body>
	<div class="cont">
		<?php echo $tiaokuan['content'];?>
	</div>
	<div style="height:60px"></div>
	<div class="next_btnk">
		<div class="next_btn" id="xiayibu">确定</div>
		<div class="next_btn" id="noxiayibu">确定</div>
	</div>
</body>
<style>
	#xiayibu{
		display: none
	}
	#noxiayibu{
		opacity: 0.5;
	}
</style>
<script type="application/javascript" src="/assets/js/jquery-3.2.1.min.js"></script>
  <script>
  	window.addEventListener('scroll', function() {
	   var scrollHeight = document.documentElement.scrollHeight;
	   var clientHeight = window.innerHeight;
	   var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
	   // if (scrollTop - 10 + clientHeight >= scrollHeight) {
		   if(scrollHeight-10 <= scrollTop + clientHeight){
	       console.log('已经滚动到底部！');
	       $("#xiayibu").show()
	       $("#noxiayibu").hide()
	   }
	});
      $("#xiayibu").click(function(){

		  window.history.back();

	  })
  </script>
</html>